<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--1.bootstrap样式-->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.css" rel="stylesheet">
    <!--2.验证规则样式-->
    <link href="https://cdn.bootcss.com/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.css" rel="stylesheet">
    <!--3.jquery 插件-->
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <!--4.核心验证文件-->
    <script src="https://cdn.bootcss.com/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.js"></script>
    <!--5.中文校验-->
    <script src="https://cdn.bootcss.com/jquery.bootstrapvalidator/0.5.3/js/language/zh_CN.js"></script>
    <!-- <script type="javascript/html" src="../order.html"/>-->
</head>
<style>

    #dat {
        position: absolute;
        top: 80px;
        width: 180px;
        float: right;

    }

    #tap {
        height: 70px;
        background-color: lightskyblue;
        width: 1200px;
    }

    h3 {
        font-family: Times New Roman Georgia;
    }


    #gg {
        width: 1000px;
        position: absolute;
        left: 180px;
    }

</style>
<body>
<div>
    <div class="row" id="tap">
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-2"><h3>家政服务信息</h3></div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-1">
            <p class="navbar-text">
                <button type="button" class="btn btn-default navbar-btn" style="height: 30px;float: bottom;">退&nbsp;出
                </button>
            </p>
        </div>
        <div class="col-md-1"></div>
    </div>

    <div id="dat" class="con">
        <ul class="nav nav-pills nav-stacked">
            <li id="t1" role="presentation"><a href="#" onclick="order()">订单管理</a></li>
            <li id="t2" role="presentation"><a href="#">服务项目管理</a></li>
            <li id="t3" role="presentation"><a href="#">保洁员管理</a></li>
            <li id="t4" role="presentation"><a href="#" onclick="advertise()">广告管理</a></li>
            <li id="t5" role="presentation"><a href="#" onclick="user()">用户管理</a></li>
            <li id="t6" role="presentation"><a href="#" onclick="system()">系统账号管理</a></li>
        </ul>
    </div>


    <div id="xs">
    </div>
    <div id="gg">
    </div>
</div>
<script>

    function system() {
        $("#gg").hide();
        $("#xs").load("../adminshtml/classify.html", function (html) {
            $("body").append(
                $("<script src='adminshtml/js/classify.js'>"),
                $("<script src='adminshtml/js/fromVerify.js'>")
            )
        })
        $("#xs").show();
    }

    function order() {
        $("#gg").hide();
        $("#xs").load("../order.html", function (html) {
            $("body").append(
                $("<script src='js/orderjs/constants.js'>")
            )
        })
        $("#xs").show();
    }

    function user() {
        $("#gg").hide();
        $("#xs").load("userMG.html");
        $("#xs").show();

    }

    function advertise() {
        $("#xs").hide();
        $("#gg").load("admsg.html").append(
            $("<script>").append(
            $("<body style='float: right'>"))
        );
        $("#gg").show()
    }

</script>
</body>
</html>